/*
* @Author: Administrator
* @Date:   2017-11-23 13:43:01
* @Last Modified by:   Administrator
* @Last Modified time: 2017-11-27 15:00:50
*/

/************weather**************/
.weather{
	width: 100%;
	text-align: center;
}
.weather-main{
	border-radius: 3px;
}
.sun{
	background: -webkit-linear-gradient(#00BBFF, #f8f8f8);
	background: -o-linear-gradient(#00BBFF, #f8f8f8);
	background: linear-gradient(#00BBFF, #f8f8f8);

}
.cloud{
	background: -webkit-linear-gradient(#2eb5e5, #f8f8f8);
	background: -o-linear-gradient(#2eb5e5, #f8f8f8);
	background: linear-gradient(#2eb5e5, #f8f8f8);

}
.overcast{
	background: -webkit-linear-gradient(#E6E6E6,#f8f8f8);
	background: -o-linear-gradient(#E6E6E6,#f8f8f8);
	background: linear-gradient(#E6E6E6,#f8f8f8);
}
.rain{
	background: -webkit-linear-gradient(#E6E6E6,#f8f8f8);
	background: -o-linear-gradient(#E6E6E6,#f8f8f8);
	background: linear-gradient(#E6E6E6,#f8f8f8);	
}
.rain .temperature,.rain .wind,.rain .weather-name{
	color: #444;
}
.weather .rain .date span{
	color: #444;
}
.snow{
	background: -webkit-linear-gradient(#85DB8C,#f8f8f8);
	background: -o-linear-gradient(#85DB8C,#f8f8f8);
	background: linear-gradient(#85DB8C,#f8f8f8);	
}
.snow .temperature,.snow .wind,.snow .weather-name{
	color: #111;
}
.weather .snow .date span{
	color: #111;
}
.storm{
	background: -webkit-linear-gradient(#444,#f8f8f8);
	background: -o-linear-gradient(#444,#f8f8f8);
	background: linear-gradient(#444,#f8f8f8);
}
.weather .date{
	width: 100%;
	line-height: 30px;
	text-align: center;
}
.weather .date span{
	font-size: 14px;
	color: #595959;
	margin: 0 10px;
	color: #fff;
}
.weather-tittle{
	height: 180px;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	position: relative;
	color: #fff;
	margin-bottom: 30px;

}

.temperature,.wind,.weather-name{
	display: block;
	text-align: right;
	color: #fff;
	line-height: 30px;
	padding-right: 50px;
	font-size: 14px;
}
.weather-name{
	font-size: 24px;
}